<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
        <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <style type="text/css">
            .ui-jqgrid tr.jqgrow td {
                white-space: normal !important;
                height:auto;
                vertical-align:text-top;
                padding-top:2px;
            }
        </style>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#fecIni").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecFin").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/formAcade/$transaccion"); ?>',
                    datatype: 'xml',
                    mtype: 'POST',
                    colNames:['Acciones','Institución','Formación','UltimoCurso','Titulo','Terminado','Inicio','Fin'],
                    colModel :[
                        {name:'accion',index:'accion', width:130,editable:false},
                        {name:'tempVarchar1',index:'tempVarchar1', width:220,editable:true},
                        {name:'tempVarchar3',index:'tipFormacion', width:200,editable:true},
                        {name:'tempVarchar2',index:'tempVarchar2', width:200},
                        {name:'tempVarchar4',index:'tempVarchar4', width:200},
                        {name:'tempVarchar5',index:'tempVarchar5', width:100},
                        {name:'tempDate1',index:'tempDate1', width:80,editable:true},
                        {name:'tempDate2',index:'tempDate2', width:80,editable:true}
                    ],
                    loadComplete: function(){
                        var ids = jQuery("#list").getDataIDs();
                        for(var i=0;i<ids.length;i++){
                            var cl = ids[i];
                            var se = "<input type='button'  value='Editar' class='btnEnGrilla' onclick=\"fnModifica('" + cl + "','1','0');\" \\>";
                            se = se + "&nbsp;<input type='button' onclick=\"fnModifica('" + cl + "','D','1');\" value='Eliminar' class='btnEnGrillaElimina' \\>";
                            jQuery("#list").setRowData(cl,{accion:se});
                        }
<?php if ($permisoEdita == "No") echo "fntodoLectura();"; ?>
            },
            //                    autowidth: true,
            pager: jQuery('#pager'),
            rowNum:10,
            rowList:[10,20],
            sortname: 'tempVarchar1',
            sortorder: "asc",
            viewrecords: true,
            caption: 'REGISTROS DE FORMACIONES ACADÉMICAS',
            height:260
        });
        //Barra de navegación
        jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
        $("#btnGuardar").click(function(){
            if(validacion()){
                $.post($("#formExperiencia").attr("action"),$("#formExperiencia").serialize() ,function(){
                    fnReset();
                });
            }
        });
        $("#btnSiguiente").click(function(){
            if(fnValAnt())
                window.location = "<?php echo site_url("registro/expLaboral/100/$transaccion"); ?>";
        });
<?php if ($permisoEdita == "No") echo "fntodoLectura();"; ?>
    }); //fin $(document).ready(function(){
    function fnModifica(idRow,accion,opc){
        switch (opc) {
            case '0':
                var url = "<?php echo site_url("registro/academia/"); ?>/" + accion + "/" + $("#transaccion").val() + "/" + idRow;
                $.getJSON(url, function(datos){
                    $("#ultCurso").val(datos.tempVarchar2);
                    $("#formacion").val(datos.tempVarchar3);
                    if(datos.tempVarchar6 != ""){
                        $("#otrInstitucionVal").val(datos.tempVarchar1);
                        $("#otrInstitucion").attr("checked",true);
                        $("#otrInstitucion").trigger("change");
                    } 
                    else{
                        $("#institucion").val(datos.tempVarchar1);
                        $("#otrInstitucion").attr("checked",false);
                        $("#otrInstitucion").trigger("change");
                    }
                    $("#titulo").val(datos.tempVarchar4);
                    $("#fecIni").val(datos.tempDate1);
                    $("#fecFin").val(datos.tempDate2);
                    $("#actual").val(datos.tempVarchar5);
                    $("#tempId").val(datos.tempId);
                    $("#formExperiencia").attr("action", '<?php echo site_url("registro/academia/") . "/E"; ?>')
                });
                break;
            default:
                var url = "<?php echo site_url("registro/academia/"); ?>/" + accion + "/" + idRow;
                if(confirm("¿Seguro que desea eliminar el registro?")){
                    $.post(url,function(){
                        fnReset();
                    });
                }
                break;
            }
        }
        function fnValAnt(){ //funcion para validar si hay informacion antes de navegar entre las ventanas
            var vacio = true;
            $("form  input:text").each(function(){
                if(!vacio) return;
                if($(this).val() != "") vacio = false;
            });
            if(vacio)
                $("form  select").each(function(){
                    if(!vacio) return;
                    if($(this).val() != "") vacio = false;
                });
            if(vacio)
                $("form  textarea").each(function(){
                    if(!vacio) return;
                    if($(this).val() != "") vacio = false;
                });
            if(!vacio){ //no esta vacio el formulario
                return confirm("Hay información que no ha guardado. ¿Desea continuar?");
            }
            else return vacio;
        }
        function validacion(){
            if($("#otrInstitucion").is(":checked")){
                if($("#otrInstitucionVal").val() == ""){
                    alert("Ingrese el nombre de la otra institución");
                    $("#otrInstitucionVal").focus();
                    return false;
                }
            }else{
                if($("#institucion").val() == ""){
                    alert("Elija la institución");
                    $("#institucion").focus();
                    return false;
                }
            }
            if($("#actual").val() == ""){
                alert("Elija si termino el estudio");
                $("#actual").focus();
                return false;
            }
            else if($("#actual").val() == "No" && $("#fecFin").val() == ""){
                alert("Debe ingresar la fecha de termino del curso");
                $("#fecFin").focus();
                return false;
            }
            if($("#titulo").val() == ""){
                alert("Ingrese el título obtenido o que obtendrá");
                $("#titulo").focus();
                return false;
            }
            if($("#fecIni").val() == ""){
                alert("Debe indicar la fecha de inicio del curso");
                $("#fecIni").focus();
                return false;
            }
            if(fnComparaFechas($("#fecIni").val(),$("#fecFin").val(),"mayor")){
                alert("La fecha Final debe ser mayor a la inicial");
                $("#fecFin").focus();
                return false;
            }

            if($("#ultCurso").val() == ""){
                alert("Ingrese el último nivel cursado");
                $("#ultCurso").focus();
                return false;
            }
            return true;
        }
        function fnReset(){
            $('#btnGuardar').val('Guardar');
            $('#formExperiencia').attr('action','<?php echo site_url("registro/academia/0"); ?>');
            $("#formExperiencia").trigger("reset");
            $("#otrInstitucion").attr("checked",false);
            $("#otrInstitucion").trigger("change");
            $('#list').trigger('reloadGrid');
        }
        function fnValAnt(){ //funcion para validar si hay informacion antes de navegar entre las ventanas
            var vacio = true;
            $("form  input:text").each(function(){
                if(!vacio) return;
                if($(this).val() != "") vacio = false;
            });
            if(vacio)
                $("form  select").each(function(){
                    if(!vacio) return;
                    if($(this).val() != "") vacio = false;
                });
            if(!vacio){ //no esta vacio el formulario
                return confirm("Hay información que no ha guardado. ¿Desea continuar?");
            }
            else return vacio;
        }
        function fnOtrInstitucion(valor){
            if(valor.is(":checked")){
                $("#institucion").attr("disabled",true);
                $(".ocultar").each(function(){
                    $(this).css("display","block");
                });
            }else{
                $("#institucion").attr("disabled",false);
                $(".ocultar").each(function(){
                    $(this).css("display","none");
                });
            }
            return true;
        }
        </script>
    </head>
    <body>
        <div class="divTitulo">REGISTRO FORMACIÓN ACADÉMICA</div>
        <?php $this->load->view("tituloGrilla"); ?>
        <?php $this->load->view("enBody"); ?>
        <form id="formExperiencia" action="<?php echo site_url("registro/academia/0"); ?>" method="post" onsubmit="return validacion();">
            <table>
                <tr>
                    <td><label for="formacion">Formación</label></td>
                    <td>
                        <select id="formacion" name="formacion">
                            <option value="">Elija</option>
                            <?php
                            foreach ($forma->result() as $row)
                                echo "<option value='" . $row->tipFormacionId . "' >" . $row->tipFormacion . "</option>";
                            ?>
                        </select>

                    </td>
                    <td><label for="institucion">Institución</label></td>
                    <td><input type="text"name="institucion" title="Nombre de la institución" id="institucion" />
                    </td>
                </tr>
                <tr >
                    <td><div class="ocultar"><label for="otrInstitucionVal">Nombre Institución</label></div></td>
                    <td><div class="ocultar"><input type="text" name="otrInstitucionVal" id="otrInstitucionVal" /></div></td>
                </tr>
                <tr>
                    <td><label for="ultCurso">Último Nivel Cursado</label></td>
                    <td><input type="text" id="ultCurso" name="ultCurso" title="Ingrese el último nivel cursado en la institución"  /> </td>
                    <td><label for="titulo">Título Otorgado</label></td>
                    <td><input type="text" id="titulo" name="titulo" title="Titulo otorgado o al cual obta"  /> </td>
                </tr>
                <tr>
                    <td><label for="actual">¿Estudio terminado?</label></td>
                    <td><select id="actual" name="actual" title="Indique si termino o no el estudio aquí relacionado" >
                            <option value="">Elija</option>
                            <option value="No" >No</option>
                            <option value="Si" >Si</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><label for="fecIni">Fecha Inicio</label></td>
                    <td><input type="text" id="fecIni" name="fecIni" title="Fecha de inicio de estudio" size="9" readonly /> </td>
                    <td><label for="fecFin">Fecha Fin</label></td>
                    <td><input type="text" id="fecFin" name="fecFin" title="Fecha de finalizacion de estudio" size="9" readonly /> </td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">
                        <input type="button" value="Guardar" id="btnGuardar" />
                        <input type="button" value="Limpiar" onclick="return fnReset();" />
                        <input type="button" value="Cerrar Ventana" onclick="window.close();" />
                        <input type="hidden" value="<?php echo $transaccion; ?>" name="transaccion" id="transaccion" />
                        <input type="hidden" value="" name="tempId" id="tempId" />
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">
                        <input type="button" value="Siguiente" id="btnSiguiente" style="font-style: italic"/>
                    </td>
                </tr>
            </table>
        </form>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
